﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui.css-H.js</title>
    <link rel="stylesheet" type="text/css" href="../../css/Hui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css" />
    <style type="text/css">
    </style>
</head>
<body>
    <div class="H-list H-margin-bottom10">
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('version_head', './version/version_head.html');">
            <p class="H-text H-flex-item">版本更新</p>
            <span class="H-badge"><label class="H-theme5-bg H-color-white">v1.4</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
    </div>
    <div class="H-list">
        <div class="H-list-item H-flexbox-horizontal H-border-top1-before-px" tapmode="" onclick="H.openWin('head_head', './head/head_head.html');">
            <p class="H-text H-flex-item">顶部导航栏</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('foot_head', './foot/foot_head.html');">
            <p class="H-text H-flex-item">底部工具栏</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('channel_head', './channel/channel_head.html');">
            <p class="H-text H-flex-item">分类标题栏</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('badge_head', './badge/badge_head.html');">
            <p class="H-text H-flex-item">提示角标</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('button_head', './button/button_head.html');">
            <p class="H-text H-flex-item">点击按钮</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('form_head', './form/form_head.html');">
            <p class="H-text H-flex-item">表单元素</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('list_head', './list/list_head.html');">
            <p class="H-text H-flex-item">文本列表</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('rich_list_head', './rich-list/rich_list_head.html');">
            <p class="H-text H-flex-item">图文列表</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('picture_list_head', './picture-list/picture_list_head.html');">
            <p class="H-text H-flex-item">相册列表</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('grid_head', './grid/grid_head.html');">
            <p class="H-text H-flex-item">宫格排版</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('chat_list_head', './chat-list/chat_list_head.html');">
            <p class="H-text H-flex-item">会话列表</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('chat_msg_head', './chat-msg/chat_msg_head.html');">
            <p class="H-text H-flex-item">聊天组件</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('tag_head', './tag/tag_head.html');">
            <p class="H-text H-flex-item">切换标签</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('launth_head', './launth/launth_head.html', null, {delay:200, animation: { type: 'push', subType: 'from_bottom', duration: 300 } });">
            <p class="H-text H-flex-item">切换启动画</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('push_friends_head', './push-friends/push_friends_head.html');">
            <p class="H-text H-flex-item">朋友圈发布</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('func_menu_head', './func-menu/func_menu_head.html');">
            <p class="H-text H-flex-item">功能菜单</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('share_head', './share/share_head.html');">
            <p class="H-text H-flex-item">分享菜单</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('alert_head', './alert/alert_head.html');">
            <p class="H-text H-flex-item">提示框</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('timeline_card_head', './timeline-card/timeline_card_head.html');">
            <p class="H-text H-flex-item">时间轴卡片</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('drop_up_down_head', './drop-up-down/drop_up_down_head.html');">
            <p class="H-text H-flex-item">下拉刷新、上拉加载</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('load_head', './load/load_head.html');">
            <p class="H-text H-flex-item">加载特效</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('drawer_layout_head', './drawer-layout/drawer_layout_head.html');">
            <p class="H-text H-flex-item">左右侧滑页面</p>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('weixin_contact_head', './weixin-contact/weixin_contact_head.html');">
            <p class="H-text H-flex-item">仿微信通讯录</p>
            <span class="H-badge"><label class="H-theme1-bg H-color-white">新增</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('hand_lock_head', './hand-lock/hand_lock_head.html');">
            <p class="H-text H-flex-item">手势解锁</p>
            <span class="H-badge"><label class="H-theme1-bg H-color-white">新增</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('contact_list_head', './contact-list/contact_list_head.html');">
            <p class="H-text H-flex-item">联系人列表</p>
            <span class="H-badge"><label class="H-theme1-bg H-color-white">新增</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('banner_head', './banner/banner_head.html');">
            <p class="H-text H-flex-item">幻灯片</p>
            <span class="H-badge"><label class="H-theme7-bg H-color-white">未完成</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('calender_head', './calender/calender_head.html');">
            <p class="H-text H-flex-item">日历功能</p>
            <span class="H-badge"><label class="H-theme7-bg H-color-white">未完成</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('select_head', './select/select_head.html');">
            <p class="H-text H-flex-item">仿原生下拉数据</p>
            <span class="H-badge"><label class="H-theme7-bg H-color-white">未完成</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('echarts_head', './echarts/echarts_head.html');">
            <p class="H-text H-flex-item">ECharts使用</p>
            <span class="H-badge"><label class="H-theme7-bg H-color-white">未完成</label></span>
            <span class="H-icon H-arrow"><i class="Hui-iconfont Hui-allow-right"></i></span>
        </div>
    </div>
    <p class="H-margin-bottom10 H-width100-percent H-auto-height"></p>
    <script type="text/javascript" src="../../script/H.js"></script>
    <script type="text/javascript"></script>
</body>
</html>